<template>
  <div class="order">
    <headerTop title="订单列表"></headerTop>
    <div class="order_no_login">
      <img src="./images/123.png" alt />
      <p>登录后查看外卖订单</p>
      <button>立即登录</button>
    </div>
  </div>
</template>
<script>
import HeaderTop from '../../components/HeaderTop'
export default {
  components: {
    HeaderTop
  }
}
</script>
<style lang="scss">
.order {
  width: 100%;
  .order_no_login {
    padding-top: 140px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    img {
      display: block;
      width: 100%;
      height: 30%;
      margin-bottom: 5px;
    }
    button {
      color: #fff;
      background: green;
      border: none;
      border-radius: 4px;
      width: 100px;
      height: 40px;
      margin-top: 10px;
    }
  }
}
</style>
